<template lang="pug">
  div.modal-content
    Select(
      ref='autocomplete'
      v-model='newUser'
      filterable
      remote
      :remote-method='searchUser'
      :loading='searching'
      @on-change='onSelectUser'
    )
      Option(v-for='item in searchResult', :value='item.id', :label='item.name', :key='item.id')
        Avatar.va-middle(:src='item.avatar', icon='person', size='small')
        span.va-middle(style='margin-left: 5px') {{ item.name }}

</template>
